import { defineConfig } from 'unocss'
import presetWeapp from 'unocss-preset-weapp'

const include = [/\.wxml$/]

/**
 * 使用 hex 代替 # , _ 代替 :  /
 * 例如 bg-#81ecec/50 可以使用 bg-hex-81ecec_50 表示
 * 针对 hover: 和 avtive:, 可以设置 separators 指定分隔符
 * 例如设置 separators 为 __，hover:bg-red-500 可以使用 hover__bg-red-500 表示
 */

export default defineConfig({
    content: {
        pipeline: {
            include
        }
    },
    presets: [
        presetWeapp(),
    ],
    separators: '__',
    theme: {
        fontSize: {
            x3s: '16rpx',
            x2s: '20rpx',
            xs: '24rpx',
            sm: '26rpx',
            base: '28rpx',
            lg: '32rpx',
            xl: '34rpx',
            x2l: '36rpx',
            x3l: '40rpx',
            x4l: '48rpx',
        },
        colors: {
            primary: '#3E5FF5',
            orange: '#FF7642',
            gray: '#565868',
            lightgray: '#A6A8AF',
            yellow: '#E89E05',
        },
    },
})